@import (reference) "@{sprite-var-s}";
.ico{
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    background: url(../images/sprite-s.png) no-repeat 0 0;

    &-n{
        .sprite(@ico-n-s)
    }
    &-xx{
        .sprite(@ico-xx-s)
    }
    &-warn{
        .sprite(@ico-warn-s)
    }
    &-home{
        .sprite(@ico-home-s)
    }
    &-event{
        .sprite(@ico-event-s)
    }
    &-report{
        .sprite(@ico-report-s)
    }
    &-warn1{
        .sprite(@ico-warn-1-s)
    }
    &-event1{
        .sprite(@ico-event-1-s)
    }
    &-report1{
        .sprite(@ico-report-1-s)
    }
    &-rw{
        .sprite(@ico-rw-s)
    }
    &-org{
        .sprite(@ico-org-s)
    }
    &-dq{
        .sprite(@ico-dq-s)
    }
}

.aside-menu li a:hover,.aside-menu .active a{
    .ico{
        &-xx{
            .sprite(@ico-xx-h-s)
        }
        &-warn{
            .sprite(@ico-warn-h-s)
        }
        &-home{
            .sprite(@ico-home-h-s)
        }
        &-event{
            .sprite(@ico-event-h-s)
        }
        &-report{
            .sprite(@ico-report-h-s)
        }
        &-rw{
            .sprite(@ico-rw-h-s)
        }
        &-org{
            .sprite(@ico-org-h-s)
        }
        &-dq{
            .sprite(@ico-dq-h-s)
        }
    }
}

.expanded{
    .ico-n{
        transform:rotate(90deg);
    }
}

